<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
 
<!DOCTYPE html>
<html>
<head>
</head>
<!-- BEGIN HEADER -->
	<header class="header">
		<!-- BEGIN LOGO -->
		<a href="index.jsp" class="logo">
			<img src="/resources/img/logo.png" alt="Kertas" height="20">
		</a>
		<!-- END LOGO -->
		<!-- BEGIN NAVBAR -->
		<nav class="navbar navbar-static-top" role="navigation">
			<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
				<span class="sr-only">Toggle navigation</span>
				<span class="fa fa-bars fa-lg"></span>
			</a>
			
			<!-- BEGIN NEWS TICKER -->
			<!--<div class="ticker">
				<strong>News:</strong>
				<ul>
					<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</li>
					<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li>
					<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </li>
					<li>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li>
				</ul>
			</div>
			<!-- END NEWS TICKER -->
			
			<div class="navbar-right">
				<ul class="nav navbar-nav">
					<li class="dropdown navbar-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bookmark fa-lg"></i>
							<span class="badge">4</span>
						</a>
						<ul class="dropdown-menu box task">
							<li><div class="up-arrow"></div></li>
							<li>
								<p>You have 4 pending tasks</p>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="task-desc">Database Migration</div>
										<div class="task-percent">20%</div>
									</div>
									<div class="progress">
										<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
											<span class="sr-only">20% Complete</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="task-desc">Mobile Development</div>
										<div class="task-percent">45%</div>
									</div>
									<div class="progress">
										<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
											<span class="sr-only">45% Complete</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="task-desc">App Deployment</div>
										<div class="task-percent">80%</div>
									</div>
									<div class="progress progress-striped active">
										<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
											<span class="sr-only">80% Complete</span>
										</div>
									</div>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="task-info">
										<div class="task-desc">Server Upgrade</div>
										<div class="task-percent">90%</div>
									</div>
									<div class="progress">
										<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
											<span class="sr-only">90% Complete</span>
										</div>
									</div>
								</a>
							</li>
							<li class="footer">
								<a href="#">See all tasks</a>
							</li>
						</ul>
					</li>
					<li class="dropdown navbar-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope fa-lg"></i>
							<span class="badge">3</span>
						</a>
						<ul class="dropdown-menu box inbox">
							<li><div class="up-arrow"></div></li>
							<li>
								<p>You have 3 new messages</p>
							</li>
							<li>
								<a href="#">
									<span class="photo"><img src="/resources/img/user/avatar02.png" alt="User Image"></span>
									<span class="subject">
										<span class="from">Elaine Hernandez</span>
										<span class="time">1 min</span>
										<span class="message">Hey, are you there?</span>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="photo"><img src="/resources/img/user/avatar03.png" alt="User Image"></span>
									<span class="subject">
										<span class="from">Larry Gardner</span>
										<span class="time">5 mins</span>
										<span class="message">Have you finished your work?</span>
									</span>
								</a>
							</li>
							<li>
								<a href="#">
									<span class="photo"><img src="/resources/img/user/avatar04.png" alt="User Image"></span>
									<span class="subject">
										<span class="from">Tanya Mackenzie</span>
										<span class="time">2 hrs</span>
										<span class="message">Don't forget to attend today's...</span>
									</span>
								</a>
							</li>
							<li class="footer">
								<a href="#">See all messages</a>
							</li>
						</ul>
					</li>
					<li class="dropdown navbar-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell fa-lg"></i>
							<span class="badge">4</span>
						</a>
						<ul class="dropdown-menu box notification">
							<li><div class="up-arrow"></div></li>
							<li>
								<p>You have 4 new notifications</p>
							</li>
							<li>
								<a href="#">
									<i class="fa fa-user text-blue"></i> New user registered<span class="time pull-right">5 mins</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa fa-database text-green"></i> Relatorio Salvo <span class="time pull-right">20 mins</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa fa-wrench text-yellow"></i> Application error <span class="time pull-right">1 hr</span>
								</a>
							</li>
							<li>
								<a href="#">
									<i class="fa fa-tasks text-red"></i> Server not responding <span class="time pull-right">5 hrs</span>
								</a>
							</li>
							<li class="footer">
								<a href="#">See all notifications</a>
							</li>
						</ul>
					</li>
					<li class="dropdown profile-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-cog fa-lg"></i>
							<span class="username">Nome da Pessoa</span>
							<i class="caret"></i>
						</a>
						<ul class="dropdown-menu box profile">
							<li><div class="up-arrow"></div></li>
							<li class="border-top">
								<a href="pages-user.jsp"><i class="fa fa-user"></i>Meu Perfil</a>
							</li>
							<li>
								<a href="pages-calendar.jsp"><i class="fa fa-calendar"></i>Agenda</a>
							</li>
							<li>
								<a href="email.jsp"><i class="fa fa-inbox"></i>Mensagens &nbsp;<span class="badge">3</span></a>
							</li>
							<li>
								<a href="lockscreen.jsp"><i class="fa fa-lock"></i>Bloquear</a>
							</li>
							<li>
								<a href="login.jsp"><i class="fa fa-power-off"></i>Sair</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</nav>
		<!-- END NAVBAR -->
	</header>
	<!-- END HEADER -->
</html>